@-webkit-keyframes cir1 {
    0% {
        -webkit-transform: rotateY(0deg) rotateZ(10deg);
    }

    100% {
        -webkit-transform: rotateY(-360deg) rotateZ(10deg);
    }
}

@keyframes cir1 {
    0% {
        transform: rotateY(0deg) rotateZ(10deg);
    }

    100% {
        transform: rotateY(-360deg) rotateZ(10deg);
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0deg) skew(0deg) scale(1);
        -ms-transform: rotate(0deg) skew(0deg) scale(1);
        /* IE 9 */
        -moz-transform: rotate(0deg) skew(0deg) scale(1);
        /* Firefox */
        -webkit-transform: rotate(0deg) skew(0deg) scale(1);
        /* Safari ºÍ Chrome */
        -o-transform: rotate(0deg) skew(0deg) scale(1);
    }

    100% {
        transform: rotate(360deg) skew(0deg) scale(1);
        -ms-transform: rotate(360deg) skew(0deg) scale(1);
        /* IE 9 */
        -moz-transform: rotate(360deg) skew(0deg) scale(1);
        /* Firefox */
        -webkit-transform: rotate(360deg) skew(0deg) scale(1);
        /* Safari ºÍ Chrome */
        -o-transform: rotate(360deg) skew(0deg) scale(1);
    }
}

@keyframes rotatef {
    0% {
        transform: rotate(45deg) skew(0deg) scale(1);
        -ms-transform: rotate(45deg) skew(0deg) scale(1);
        /* IE 9 */
        -moz-transform: rotate(45deg) skew(0deg) scale(1);
        /* Firefox */
        -webkit-transform: rotate(45deg) skew(0deg) scale(1);
        /* Safari ºÍ Chrome */
        -o-transform: rotate(45deg) skew(0deg) scale(1);
    }

    100% {
        transform: rotate(405deg) skew(0deg) scale(1);
        -ms-transform: rotate(405deg) skew(0deg) scale(1);
        /* IE 9 */
        -moz-transform: rotate(405deg) skew(0deg) scale(1);
        /* Firefox */
        -webkit-transform: rotate(405deg) skew(0deg) scale(1);
        /* Safari ºÍ Chrome */
        -o-transform: rotate(405deg) skew(0deg) scale(1);
    }
}

@keyframes rotates {
    0% {
        transform: rotate(90deg) skew(0deg) scale(1);
        -ms-transform: rotate(90deg) skew(0deg) scale(1);
        /* IE 9 */
        -moz-transform: rotate(90deg) skew(0deg) scale(1);
        /* Firefox */
        -webkit-transform: rotate(90deg) skew(0deg) scale(1);
        /* Safari ºÍ Chrome */
        -o-transform: rotate(90deg) skew(0deg) scale(1);
    }

    100% {
        transform: rotate(450deg) skew(0deg) scale(1);
        -ms-transform: rotate(450deg) skew(0deg) scale(1);
        /* IE 9 */
        -moz-transform: rotate(450deg) skew(0deg) scale(1);
        /* Firefox */
        -webkit-transform: rotate(450deg) skew(0deg) scale(1);
        /* Safari ºÍ Chrome */
        -o-transform: rotate(450deg) skew(0deg) scale(1);
    }
}

@keyframes rotatet {
    0% {
        transform: rotate(135deg) skew(0deg) scale(1);
        -ms-transform: rotate(135deg) skew(0deg) scale(1);
        /* IE 9 */
        -moz-transform: rotate(135deg) skew(0deg) scale(1);
        /* Firefox */
        -webkit-transform: rotate(135deg) skew(0deg) scale(1);
        /* Safari ºÍ Chrome */
        -o-transform: rotate(135deg) skew(0deg) scale(1);
    }

    100% {
        transform: rotate(495deg) skew(0deg) scale(1);
        -ms-transform: rotate(495deg) skew(0deg) scale(1);
        /* IE 9 */
        -moz-transform: rotate(495deg) skew(0deg) scale(1);
        /* Firefox */
        -webkit-transform: rotate(495deg) skew(0deg) scale(1);
        /* Safari ºÍ Chrome */
        -o-transform: rotate(495deg) skew(0deg) scale(1);
    }
}

@keyframes rotate_c1 {
    0% {
        transform: rotate(0deg) skew(0deg) scale(1);
        -ms-transform: rotate(0deg) skew(0deg) scale(1);
        /* IE 9 */
        -moz-transform: rotate(0deg) skew(0deg) scale(1);
        /* Firefox */
        -webkit-transform: rotate(0deg) skew(0deg) scale(1);
        /* Safari ºÍ Chrome */
        -o-transform: rotate(0deg) skew(0deg) scale(1);
    }

    100% {
        transform: rotate(-360deg) skew(0deg) scale(1);
        -ms-transform: rotate(-360deg) skew(0deg) scale(1);
        /* IE 9 */
        -moz-transform: rotate(-360deg) skew(0deg) scale(1);
        /* Firefox */
        -webkit-transform: rotate(-360deg) skew(0deg) scale(1);
        /* Safari ºÍ Chrome */
        -o-transform: rotate(-360deg) skew(0deg) scale(1);
    }
}

.r1 {
    transform: rotate(0deg) skew(0deg) scale(1);
    -ms-transform: rotate(0deg) skew(0deg) scale(1);
    /* IE 9 */
    -moz-transform: rotate(0deg) skew(0deg) scale(1);
    /* Firefox */
    -webkit-transform: rotate(0deg) skew(0deg) scale(1);
    /* Safari ºÍ Chrome */
    -o-transform: rotate(0deg) skew(0deg) scale(1);
    animation: rotate 10s linear infinite;
    -webkit-animation: rotate 10s linear infinite;
    -moz-animation: rotate 10s linear infinite;
    -o-animation: rotate 10s linear infinite;
}

.r1-text {
    transform: rotate(0deg) skew(0deg) scale(1);
    -ms-transform: rotate(0deg) skew(0deg) scale(1);
    /* IE 9 */
    -moz-transform: rotate(0deg) skew(0deg) scale(1);
    /* Firefox */
    -webkit-transform: rotate(0deg) skew(0deg) scale(1);
    /* Safari ºÍ Chrome */
    -o-transform: rotate(0deg) skew(0deg) scale(1);
    animation: rotate 10s linear infinite;
    -webkit-animation: rotate 10s linear infinite;
    -moz-animation: rotate 10s linear infinite;
    -o-animation: rotate 10s linear infinite;
    animation-direction: reverse;
    -webkit-animation-direction: reverse;
    -moz-animation-direction: reverse;
    -o-animation-direction: reverse;
}



#zhyp::-webkit-scrollbar {
    display: none;
}

/* 导航栏字体 */
.nav-font {
    font-size: 17px;
    font-family: '黑体';
    color: #000 !important;
}

.navbar {
    padding: 0px 130px;
}

.bgtext {
    height: 100%;
}

#example-navbar-collapse .navbar-nav li {
    padding-left: 24px;
}

#menu .container-fluid {
    width: 1100px;
    margin: 0 auto;
    height: 70px;
}

#menu .container-fluid div.collapse {
    float: right;
}

.navbar-default .navbar-nav>li:first-child>a,
.navbar-default .navbar-nav>li:first-child>a:focus,
.navbar-default .navbar-nav>li:first-child>a:hover {
    background: #fff;
    border-bottom: 1px solid #0B883A;
}

#dowebok {
    margin-top: 25px;
}

.link {
    text-decoration: none;
    color: #fff;
}

.link:hover {
    color: #fff;
}

* {
    padding: 0;
    margin: 0;
}

#slideDemo {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

#slideDemo .content {
    overflow: hidden;
    width: 100%;
    height: 100vh;
}

#slideDemo .content ul li {
    width: 100%;
    height: 100vh;
}

#slideDemo .content ul li a {
    display: block;
    width: 100%;
    height: 100px;
}

#slideDemo .content ul li a img {
    display: block;
    width: 100%;
    height: 100vh;
}

#slideDemo .btn a {
    position: absolute;
    top: 50%;
    z-index: 2;
    width: 45px;
    height: 100px;
    margin-top: -50px;
    background: url(../img/slide_arrow2.png) no-repeat 0 0;
    opacity: 0.2;
    filter: alpha(opacity=20);
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    cursor: pointer;
    outline: none;
}

#slideDemo .btn a:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

#slideDemo .btn a.disabled {
    opacity: 0.1;
    filter: alpha(opacity=10);
}

#slideDemo .btn .btnPrev {
    left: 0;
}

#slideDemo .btn .btnNext {
    right: 0;
    background-position: right top;
}

#video-right {
    display: flex;
}

#video-right #video1 {
    margin-left: 40px;
}